.user-section, .logon-tab {
    position: relative;
}

.qr-login {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 1000;
    background-color: #fff;
}

.use-qrcode {
    position: absolute;
    left: 0;
    width: 50px;
    height: 50px;
    z-index: 1001;
    background: url() no-repeat center;
    transform: rotateY(180deg);
}

.use-pwd {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    z-index: 1001;
    background: url() no-repeat center;
    transform: rotateY(180deg);
}

.mp-qrcode {
    display: table;
    width: 100%;
    height: 100%;
    /*position: absolute;*/
    table-layout: fixed;
    text-align: center;
}
.mp-login{
    display: table;
    height: 100%;
    width: 100%;
    text-align: center;
}

.qrcode-warp {
    display: table-cell;
    vertical-align: middle;
    table-layout: fixed;
    /*width: 100%;*/
    margin: 10px;
}

.qr-warp {
    transition: padding-top 2s ease;
    text-align: center;
}

.qrcode {
    display: inline-block;
    padding: 10px;
    position: relative;
}

.top-tip {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.8);
}

.tip-warp {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%
}

.tip-warp .qr-msg {
    color: #ffffff;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.qr-msg .msg {
    /*font-size: 18px;*/
    line-height: 35px;
}

.wechat {
    position: absolute;
    top: 40%;
    left: 40%;
}